<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript">
	var clickCount=0;
	$(document).ready(function(){
	<%-- 
			글쓰기 버튼 클릭시 제목, 내용의 공란을 체크 후 
			jQuery 로 serialize() 한다.
	--%>
		$("#writeForm").submit(function(){
			var title=$(":input[name=title]");
			var content=$("textarea[name=content]");
			// alert(title+" "+content);
			if(title.val()==""){
				alert("제목을 입력하세요.");
				title.focus();
				return false;
			}else if(content.val()==""){
				alert("내용을 입력하세요."); 
				content.focus();
				return false;
			}
		}); // submit
		$("#addFile").click(function(){
			clickCount++;
			if(clickCount==1){
				document.getElementById("test").style.display="block";
				clickCount++;
			}else if(clickCount==3){
				document.getElementById("test2").style.display="block";
				clickCount++;
			}else{
				alert("업로드는 최대 3개까지 가능합니다.");
			}
		}); // click
		$("#resetBtn").click(function(){
			// $("#formName").reset(); or $("form").reset(); -- 작동하지 않음
			// 특정 폼을 리셋하는 경우는 아래처럼 명시
			$("#writeForm")[0].reset();
		}); // reset
		$("#listBtn").click(function(){
			// location.href -> 페이지를 이동 시킨다. (히스토리를 남기기 때문에 뒤로가기 버튼으로 돌아갈 수 있다.)
			// location.replace -> 현재 페이지를 바꿔준다. (히스토리를 남기지 않기 때문에 뒤로가기 버튼으로 돌아갈 수 없다.)
			// replace 는 캐시(인터넷 임시파일)을 쓰지 않는다.
			location.replace("board.inven?category=${param.category}");
		});
	}); // ready
</script>
<c:choose>
	<c:when test="${sessionScope.mvo!=null }">
	<h3>${param.category } 게시판</h3>
		<%-------------------- 글 입력 폼 --------------------%>
		<form action="writeComment.inven" id="writeForm" method="post" enctype="multipart/form-data">
			<%-- session 에 있는 아이디를 setting --%>
			<c:set value="${sessionScope.mvo.id }" var="id"></c:set>
			제목 : <input type="text" name="title" size="72"><br>${param.ref }
			<hr width="510" align="left">
	<%-- 
			파일 업로드 부분
			사용자가 파일추가 버튼을 누를경우 jQuery 로 
			<div></div> 의 display 속성을 변경하여 보여준다.
	--%>
			<div id="viewFile1"><input type="file" name="file[0]" id="file0"><input type="button" id="addFile" value="파일추가"></div>
			<div id="test" style="display: none;"><input type=file name=file[1] id="file1"></div>
			<div id="test2" style="display: none;"><input type=file name=file[2] id="file2"></div>
			<hr width="510" align="left">
			
			내용 : <br><textarea cols="70" rows="20" name="content" id="content"></textarea>
			<hr width="510" align="left">
			<input type="submit"  value="글쓰기"><input type="button" value="글쓰기 초기화" id="resetBtn">
			<input type="button"  value="목록보기" id="listBtn">
			<input type="hidden" name="id" value="${id }">
			<input type="hidden" name="ref" value="${param.ref }">
			<!-- hidden 값은 게시판 category 값 -->
			<input type="hidden" name="category" value="${param.category }">
			<input type="hidden" name="restep" value="${param.restep }">
			<input type="hidden" name="relevel" value="${param.relevel }">
			</form>
		</c:when>
	<%-- 로그인 한 사용자가 아니면(session이 null일 경우) redirect 로 home 으로 이동 --%>
	<c:otherwise>
		<script type="text/javascript">
			alert("로그인이 필요합니다.");
		</script>
		<c:redirect url="home"></c:redirect>
	</c:otherwise>
</c:choose>
